<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<%@include file="/WEB-INF/view/common/css.jsp"%>
<%@include file="/WEB-INF/view/common/systemcss.jsp"%>
</head>
<body>
<%-- 	<%@include file="/WEB-INF/view/common/system/header.jsp"%> --%>
	<div class="">
	<table id="table"></table>

	<script type="text/javascript">
	$('#table').bootstrapTable({
		method: 'post', //这里要设置为get，不知道为什么 设置post获取不了
		url: 'boostrap',
		cache: false,
// 		height: 800,
		striped: true,
		pagination: true,
		pageList: [10,20,50],
		// contentType: "application/x-www-form-urlencoded",
		pageSize:10,
		queryParamsType: 'limit',
		pageNumber:1,
		search: true,
		sidePagination:'server',//设置为服务器端分页
		queryParams: queryParams,//参数
		showColumns: true,
		showRefresh: true,
		minimumCountColumns: 2,
		clickToSelect: true,
		smartDisplay:true,
		showToggle:true,
		showPaginationSwitch:true,
		cardView:true,
		detailView	:true,
		columns: [
		{
		field: 'id',
		title: '资金通道编码',
		align: 'center',
		width: '180',
		valign: 'bottom',
		sortable: true
		}, {
		field: 'userid',
		title: '资金退回批次号',
		align: 'center',
		width: '200',
		valign: 'middle',
		sortable: true
		}, {
		field: 'invoice',
		title: '总笔数',
		align: 'center',
		width: '10',
		valign: 'top',
		sortable: true
		}, {
		field: 'overmoney',
		title: '总金额',
		align: 'center',
		width: '100',
		valign: 'middle',
		clickToSelect: false
		}]
		});
		
		//设置传入参数
		function queryParams(params) {
			console.log(params);
		  return params
		}
		$(function(){
		})
		
	</script>
</body>
</html>